<div class="top">
  <p>YSL[皮气垫]，高定时装，服帖随行</p>
</div>
<div class="server">
  <div class="lift">
    <ul>
      <li><a>专柜查询</a></li>
      <li><a>客服中心</a></li>
    </ul>
  </div>
  <div class="right">
    <ul class="mdl">
      <li><a>关注我们</a></li>
      <li><a href="http://localhost:2333/html/loginPage.html">登录</a></li>
      <li><a href="http://localhost:2333/html/register.html">注册</a></li>
      <li><a href="http://localhost:2333/html/shoppingCart.html">购物车</a></li>
    </ul>
    <ul class="ydl"> 
      <li><a>关注我们</a></li>
      <li><a href="">已登录</a></li>
      <li><a href="" id="tcdl">退出登录</a></li>
      <li><a href="http://localhost:2333/html/shoppingCart.html">购物车</a></li>
    </ul>
  </div>
  <div class="logo"><a href="http://localhost:2333"><img src="https://res.yslbeautycn.com/build/images/logo@2x.png"/></a></div>
</div>
<nav>
  <div class="list">
    <ul id="navList">
      
    </ul>
    <script type="text/html" id="navList_template">
      {{each tabs item}}
      <li><a href="/html/listPage.html?id={{item.id}}">{{item.name}}</a></li>
      {{/each}}
    </script>
  </div>
  <div class="input-group">
    <input type="text" class="form-control" placeholder="送礼" aria-describedby="basic-addon2">
    <span class="input-group-addon" id="basic-addon2">搜索</span>
  </div>
</nav>
